home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / resources.pak / Unnamed File 000096.txt < prev    next >
Encoding:
Text File  |  2013-04-03  |  12.2 KB  |  483 lines
  1. <!DOCTYPE HTML>
  2. <html i18n-values="dir:textdirection;">
  3. <head>
  4. <!-- If you change the title, make sure you also update
  5. chrome/test/functional/special_tabs.py. -->
  6. <title>Sync Internals</title>
  7. <link rel="stylesheet" href="chrome://resources/css/list.css">
  8. <link rel="stylesheet" href="chrome://resources/css/tabs.css">
  9. <link rel="stylesheet" href="chrome://resources/css/tree.css">
  10. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  11.  * Use of this source code is governed by a BSD-style license that can be
  12.  * found in the LICENSE file. */
  13.  
  14. #sync-search-query {
  15.   width: 20em;
  16. }
  17.  
  18. #sync-search-query[error] {
  19.   background-color: rgb(255,170,170);
  20. }
  21.  
  22. #sync-search-status {
  23.   color: rgb(51,51,51);
  24.   font-style: italic;
  25. }
  26.  
  27. #sync-results-container {
  28.   display: -webkit-box;
  29.   /* Should be > #sync-page's min-height. */
  30.   /* TODO(akalin): Find a less hacky way to do this. */
  31.   height: 750px;
  32. }
  33.  
  34. #sync-results-list {
  35.   -webkit-padding-start: 10px;
  36.   box-sizing: border-box;
  37.   height: 100%;
  38.   /* min-width and max-width are used by the split pane. */
  39.   max-width: 50%;
  40.   min-width: 50px;
  41.   overflow: auto;
  42.   padding: 5px;
  43.   width: 275px;
  44. }
  45.  
  46. #sync-results-splitter {
  47.   background-color: rgb(235, 239, 249);
  48.   cursor: col-resize;
  49. /* TODO(akalin): Make the BMM also use this style. */
  50.   cursor: e-resize;
  51.   width: 5px;
  52. }
  53.  
  54. #sync-result-details-container {
  55.   -webkit-box-flex: 1;
  56.   height: 100%;
  57.   overflow: auto;
  58.   /* TODO(akalin): Figure out why this is needed, even with box-flex: 1. */
  59.   width: 100%;
  60. }
  61. </style>
  62. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  63.  * Use of this source code is governed by a BSD-style license that can be
  64.  * found in the LICENSE file. */
  65.  
  66. #sync-node-main {
  67.   display: -webkit-box;
  68.   /* Should be > #sync-page's min-height. */
  69.   /* TODO(akalin): Find a less hacky way to do this. */
  70.   height: 750px;
  71. }
  72.  
  73. #sync-node-tree-container {
  74.   -webkit-padding-start: 10px;
  75.   box-sizing: border-box;
  76.   height: 100%;
  77.   /* min-width and max-width are used by the split pane. */
  78.   max-width: 50%;
  79.   min-width: 50px;
  80.   overflow: auto;
  81.   padding: 5px;
  82.   width: 200px;
  83. }
  84.  
  85. #sync-node-tree {
  86.   display: inline-block;
  87.   min-width: 100%;
  88.   overflow: visible; /* let the container do the scrolling */
  89. }
  90.  
  91. /* TODO(akalin): Find a better icon to use for leaf nodes. */
  92. #sync-node-tree .leaf .tree-label {
  93.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAABIFBMVEUAAABNT9mQlOuQleqcoOueouyore2zt+6GieukqO1lae59gu5NTttRU9uUmO+5vvN5feSaneuQlOuhpfNSVN9xdORHSeFmaOhrb+l7f+oxM+EpKs1LTdtOTr5jZdVkZtNtcOIXFpMaGbUnKLMzM8g7O7ZHSctISsNHRpdfYM0cHLolJsY2NqA9P94+PatLSGxNT+dOS11QTFxQToZVVINhXTBsb+Rtaotwc+NydONzbVJ2euZ3drV9diWOinuPh1WalWublCOcmHydliaelRuelh2qple0rgq5siG5tVi7tDi8t2a/v1bAwFjVygTj2STs5R7s6Dbu5AHv6h399A/99QL+9gH++QL++Qn/9w//+Qf/+Qr/+Qv//Ar//wL//wVJoqVjAAAAKnRSTlMAAhUVFRUiIikpaGh7e35+hISIiIyMjY2Zma3KytHR4uLr6/X19fX1+/u1+br2AAAAd0lEQVQIHQXBgwEDAADAsM62bdu2bev/L5YAYAmbAQAU3r5HDoBYpGqfakqhBDStRn7462XqVTWp7mZ1uO8X62YSf2n+fZ9f11nOh8wRXH4ez0HALgXc09vxMnIB6BK7cXGyjWsBW7mTdmYrBStgiMSMAlM0pOcPQdsR0Uyc0HcAAAAASUVORK5CYII=');
  94. }
  95.  
  96. #sync-node-splitter {
  97.   background-color: rgb(235, 239, 249);
  98.   cursor: col-resize;
  99.   width: 5px;
  100. /* TODO(akalin): Make the BMM also use this style. */
  101.   cursor: e-resize;
  102. }
  103.  
  104. #sync-node-browser-container {
  105.   -webkit-box-flex: 1;
  106.   height: 100%;
  107.   overflow: auto;
  108. }
  109.  
  110. #node-browser {
  111.   width: 100%;
  112. }
  113.  
  114. #node-browser td {
  115.   vertical-align: top;
  116. }
  117.  
  118. #node-browser tr:nth-child(odd) {
  119.   background: rgb(239, 243, 255);
  120. }
  121. </style>
  122.  
  123. <script src="chrome://resources/css/tree.css.js"></script>
  124.  
  125. <script src="chrome://resources/js/event_tracker.js"></script>
  126. <script src="chrome://resources/js/cr.js"></script>
  127. <script src="chrome://resources/js/cr/event_target.js"></script>
  128. <script src="chrome://resources/js/cr/ui/touch_handler.js"></script>
  129. <script src="chrome://resources/js/cr/ui.js"></script>
  130. <script src="chrome://resources/js/cr/ui/focus_outline_manager.js"></script>
  131. <script src="chrome://resources/js/cr/ui/splitter.js"></script>
  132.  
  133. <!-- List stuff. -->
  134. <script src="chrome://resources/js/cr/ui/array_data_model.js"></script>
  135. <script src="chrome://resources/js/cr/ui/list_item.js"></script>
  136. <script src="chrome://resources/js/cr/ui/list_selection_controller.js"></script>
  137. <script src="chrome://resources/js/cr/ui/list_selection_model.js"></script>
  138. <script src="chrome://resources/js/cr/ui/list.js"></script>
  139. <script src="chrome://resources/js/cr/ui/tabs.js"></script>
  140. <script src="chrome://resources/js/cr/ui/tree.js"></script>
  141. <script src="chrome://resources/js/util.js"></script>
  142. <script src="chrome://sync-internals/chrome_sync.js"></script>
  143. <script src="chrome://sync-internals/sync_log.js"></script>
  144. <script src="chrome://sync-internals/sync_node_browser.js"></script>
  145. <script src="chrome://sync-internals/sync_search.js"></script>
  146. <script src="chrome://sync-internals/strings.js"></script>
  147. </head>
  148. <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  149.  
  150. <style>
  151. #sync-page {
  152.   /* TODO(akalin): Figure out a better way to make the tab box the
  153.      same height no matter which tab is selected. */
  154.   min-height: 650px;
  155. }
  156.  
  157. #traffic-dump {
  158.  font-size: 120%;
  159. }
  160. </style>
  161.  
  162. <tabbox id="sync-page">
  163.   <tabs>
  164.     <tab>About</tab>
  165.     <tab>Data</tab>
  166.     <tab>Notifications</tab>
  167.     <tab>Events</tab>
  168.     <tab>Sync Node Browser</tab>
  169.     <tab>Search</tab>
  170.     <tab>Traffic</tab>
  171.   </tabs>
  172.   <tabpanels>
  173.     <tabpanel>
  174.       <script src="chrome://sync-internals/about.js"></script>
  175.  
  176. <style>
  177. div#aboutInfo {
  178.   -webkit-columns: 3;
  179. }
  180.  
  181. div#aboutInfo h2 {
  182.   color: #4a8ee6;
  183.   font-size: 100%;
  184.   margin-bottom: 0;
  185. }
  186.  
  187. div#aboutInfo .err {
  188.   color: red;
  189. }
  190.  
  191. div#aboutInfo div.section {
  192.   display: inline-block;
  193.   width: 100%;
  194.   -webkit-column-break-inside: avoid;
  195. }
  196.  
  197. table.aboutDetails {
  198.   width: 100%;
  199. }
  200.  
  201. table.aboutDetails tr:nth-child(odd) {
  202.   background: #eff3ff;
  203. }
  204.  
  205. div#aboutInfo div.section > td#detail {
  206.   width: 50%;
  207. }
  208.  
  209. div#aboutInfo div.section > td#value {
  210.   width: 50%;
  211. }
  212.  
  213. table#typeInfo tr.error {
  214.  background: #ffcccc;
  215. }
  216.  
  217. table#typeInfo tr.warning {
  218.  background: #ffffcc;
  219. }
  220.  
  221. table#typeInfo tr.ok {
  222.  background: #ccffcc;
  223. }
  224.  
  225. @-webkit-keyframes highlight1 {
  226.   0% { background: #ffff00; }
  227.   100% { background: #ffffff; }
  228. }
  229.  
  230. @-webkit-keyframes highlight2 {
  231.   0% { background: #9b9ea6; }
  232.   100% { background: #eff3ff; }
  233. }
  234.  
  235. table.aboutDetails tr[highlighted] {
  236.   -webkit-animation-name: highlight1;
  237.   -webkit-animation-duration: 3s;
  238.   -webkit-animation-timing-function: linear;
  239. }
  240.  
  241. table.aboutDetails tr[highlighted]:nth-child(odd) {
  242.   -webkit-animation-name: highlight2;
  243.   -webkit-animation-duration: 3s;
  244.   -webkit-animation-timing-function: linear;
  245. }
  246.  
  247. table.aboutDetails tr.uninitialized {
  248.   color: #7f7f7f;
  249. }
  250.  
  251. </style>
  252.  
  253. <div id='aboutInfo'>
  254.   <div class="section" jsselect="details">
  255.     <h2 jscontent="title"></h2>
  256.     <table class="aboutDetails">
  257.       <tr jsselect="data"
  258.             jsvalues="class:$this.is_valid ? '' : 'uninitialized'"
  259.             jseval='highlightIfChanged(this, this.children[1].innerText, stat_value)'>
  260.         <td class="detail" jscontent="stat_name" width=50%></td>
  261.         <td class="value" jscontent="stat_value" width=50%></td>
  262.       </tr>
  263.     </table>
  264.   </div>
  265.  
  266.   <div class="section">
  267.     <h2>Type Info</h2>
  268.     <table id="typeInfo">
  269.       <tr jsselect="type_status" jsvalues="class:$this.status">
  270.         <td jscontent="name" width=50%></td>
  271.         <td jscontent="value" width=30%></td>
  272.         <td jscontent="num_entries" width=10%></td>
  273.         <td jscontent="num_live" width=10%></td>
  274.       </tr>
  275.     </table>
  276.   </div>
  277.  
  278.   <div class="section" jsdisplay="unrecoverable_error_detected">
  279.     <p>
  280.       <span class="err" jscontent="unrecoverable_error_message"></span>
  281.     </p>
  282.   </div>
  283.  
  284.   <div class="section" jsdisplay="actionable_error_detected">
  285.     <p>
  286.       <h2>Actionable Error</h2>
  287.       <table id="actionableError">
  288.         <tr jsselect="actionable_error">
  289.           <td jscontent="stat_name"></td>
  290.           <td jscontent="stat_value"></td>
  291.         </tr>
  292.       </table>
  293.     </p>
  294.   </div>
  295. </div>
  296.  
  297.     </tabpanel>
  298.     <tabpanel>
  299.       <p><strong>Some personal info may be in the events dump. Be
  300. careful about posting data dumps on bug reports.</strong></p>
  301.  
  302. <button id="dump-to-text">Dump sync events to text</button>
  303.  
  304. <pre id="data-dump"></pre>
  305.  
  306. <hr>
  307.  
  308. <div id="node-type-checkboxes">
  309. </div>
  310.  
  311.  
  312. <button id="dump-to-file">Dump sync nodes to file</button>
  313.  
  314. <a style="display: none" id="dump-to-file-anchor"></a>
  315.  
  316. <script src="chrome://sync-internals/data.js"></script>
  317.  
  318.     </tabpanel>
  319.     <tabpanel>
  320.       <script src="chrome://sync-internals/notifications.js"></script>
  321.  
  322. <style>
  323. table#notificationInfo tr:nth-child(odd) {
  324.   background: #eff3ff;
  325. }
  326. </style>
  327.  
  328. <p id='notificationStateInfo'>
  329.   State: <span jscontent='notificationState'></span>
  330. </p>
  331. <table id='notificationInfo'>
  332.   <tr>
  333.     <th>Type</th>
  334.     <th>Total count</th>
  335.     <th>Session count</th>
  336.     <th>Payload</th>
  337.   </tr>
  338.   <tr jsselect='notifications'>
  339.     <td jscontent='type'></td>
  340.     <td jscontent='totalCount'></td>
  341.     <td jscontent='sessionCount'></td>
  342.     <td jscontent='payload'></td>
  343.   </tr>
  344. </table>
  345.  
  346.     </tabpanel>
  347.     <tabpanel>
  348.       <style>
  349. #sync-events-table,
  350. #sync-events-table th,
  351. #sync-events-table td {
  352.   border: 1px black solid;
  353. }
  354.  
  355. #sync-events-table {
  356.   width: 100%;
  357. }
  358.  
  359. #sync-events > tr {
  360.   vertical-align: top;
  361. }
  362. </style>
  363.  
  364. <table id="sync-events-table">
  365.   <thead>
  366.     <th>Time</th>
  367.     <th>Submodule</th>
  368.     <th>Event</th>
  369.     <th>Details</th>
  370.   </thead>
  371.   <tbody id="sync-events">
  372.   </tbody>
  373. </table>
  374.  
  375. <script src="chrome://sync-internals/events.js"></script>
  376.  
  377.     </tabpanel>
  378.     <tabpanel>
  379.       <!-- TODO(akalin): Move to a three-pane view; node tree on the left
  380. (minus leaf nodes), tree contents list on the upper right, selected
  381. item detail on the lower right. -->
  382.  
  383. <div id="sync-node-main">
  384.   <!-- TODO(akalin): Figure out how to get this element to be as tall
  385.        as its container (style.height=100% doesn't work).  Also fix
  386.        behavior when tree is too tall (currently it makes you scroll the
  387.        entire page). -->
  388.   <div id="sync-node-tree-container">
  389.     <tree id="sync-node-tree" icon-visibility="parent"></tree>
  390.   </div>
  391.   <div id="sync-node-splitter"></div>
  392.   <div id="sync-node-browser-container">
  393.     <table id="node-browser">
  394.       <tr>
  395.         <td>ID</td>
  396.         <td jscontent="id"></td>
  397.       </tr>
  398.       <tr>
  399.         <td>Modification Time</td>
  400.         <td jscontent="modificationTime"></td>
  401.       </tr>
  402.       <tr>
  403.         <td>Parent</td>
  404.         <td jsContent="parentId"></td>
  405.       </tr>
  406.       <tr>
  407.         <td>Is Folder</td>
  408.         <td jscontent="isFolder"></td>
  409.       </tr>
  410.       <tr>
  411.         <td>Title</td>
  412.         <td jscontent="title"></td>
  413.       </tr>
  414.       <tr>
  415.         <td>Type</td>
  416.         <td jscontent="type"></td>
  417.       </tr>
  418.       <tr>
  419.         <td>External ID</td>
  420.         <td jscontent="externalId"></td>
  421.       </tr>
  422.       <tr>
  423.         <td>Predecessor</td>
  424.         <td jscontent="predecessorId"></td>
  425.       </tr>
  426.       <tr>
  427.         <td>Successor</td>
  428.         <td jscontent="successorId"></td>
  429.       </tr>
  430.       <tr>
  431.         <td>First Child</td>
  432.         <td jscontent="firstChildId"></td>
  433.       </tr>
  434.       <tr>
  435.         <td>Entry</td>
  436.         <td><pre jscontent="entry"></pre></td>
  437.       </tr>
  438.     </table>
  439.   </div>
  440. </div>
  441.  
  442. <script src="chrome://sync-internals/node_browser.js"></script>
  443.  
  444.     </tabpanel>
  445.     <tabpanel>
  446.       <p>
  447. <input id="sync-search-query" type="search" incremental
  448.        placeholder="Search Sync Data">
  449. <span id="sync-search-status"></span>
  450. </p>
  451.  
  452. <div id="sync-results-container">
  453.   <list id="sync-results-list"></list>
  454.   <div id="sync-results-splitter"></div>
  455.   <div id="sync-result-details-container">
  456.     <pre id="sync-result-details"></pre>
  457.   </div>
  458. </div>
  459.  
  460. <script src="chrome://sync-internals/search.js"></script>
  461.  
  462.     </tabpanel>
  463.     <tabpanel>
  464.       <p><strong>Some personal info may be in the data dump. Be
  465. careful about posting data dumps on bug reports.</strong></p>
  466.  
  467. <button id="traffic-to-text">Dump client server traffic to text</button>
  468.  
  469. <pre id="traffic-dump"></pre>
  470.  
  471. <script src="chrome://sync-internals/traffic.js"></script>
  472.  
  473.     </tabpanel>
  474.   </tabpanels>
  475. </tabbox>
  476.  
  477. <script src="chrome://resources/js/i18n_template.js"></script>
  478. <script src="chrome://resources/js/i18n_process.js"></script>
  479. <script src="chrome://resources/js/jstemplate_compiled.js"></script>
  480. <script src="chrome://sync-internals/sync_index.js"></script>
  481. </body>
  482. </html>
  483.